<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
import {
  setToken,
  clearToken

} from '@/libs/util'
export default {
  name: 'App',
  mounted () {
    // 关闭浏览器窗口的时候清空浏览器缓存在localStorage的数据
    window.onbeforeunload = function () {
      window.addEventListener('beforeunload', () => {
        clearToken();

      });
    }
  }

}
</script>

<style lang="scss">
@font-face {
  font-family: 'iconfont';  /* Project id 1363788 */
  src: url('//at.alicdn.com/t/font_1363788_rosv3cs7wpd.woff2?t=1636424736383') format('woff2'),
       url('//at.alicdn.com/t/font_1363788_rosv3cs7wpd.woff?t=1636424736383') format('woff'),
       url('//at.alicdn.com/t/font_1363788_rosv3cs7wpd.ttf?t=1636424736383') format('truetype');
}

  .loading-img{
    display: block;width: 26px;height: 26px;
  }
  .ivu-modal-footer{
    display: block !important;
  }

  .must-input{
    position: relative;
    & .ivu-form-item-label::before{
      content: '*';
          display: inline-block !important;
          margin-right: 4px !important;
          line-height: 1 !important;
          font-family: SimSun !important;
          font-size: 12px !important;
          color: #ed4014 !important;
    }
  }
  .public-hover:hover{
    cursor: pointer;
  }

  .font-normal{font-weight: normal;}
  .font-white{color: white;}
  .pad-left5{padding-left: 5px;}
  .pad-left10{padding-left: 10px;}
  .pad-left12{padding-left: 12px;}
  .pad-left15{padding-left: 15px;}
  .pad-left20{padding-left: 20px;}
  .pad-right10{padding-right:10px;}
  .pad-right5{padding-right:5px;}
  .pad-right14{padding-right: 14px;}

  .pad-bottom10 {
     padding-bottom: 10px;
   }
   .pad-bottom18 {
     padding-bottom:18px;
   }

   .pad-bottom20 {
     padding-bottom: 20px;
   }

  .pad-bottom12{padding-bottom: 12px;}
  .margin-left5 {
    margin-left: 5px;
  }
  .margin-left10 {
    margin-left: 10px;
  }
  .margin-left12 {
    margin-left: 12px;
  }
  .margin-left14 {
    margin-left: 14px;
  }
  .margin-left15 {
    margin-left: 15px;
  }
  .margin-left20 {
    margin-left: 20px;
  }

  .margin-right5{margin-right: 5px;}
  .margin-right10{margin-right: 10px;}
  .margin-right12{margin-right: 12px;}
  .margin-right15{margin-right: 15px;}
  .margin-right20{margin-right: 20px;}

.marginbottom100 {
    margin-bottom: 100px;
  }

  .margin-bottom10 {
    margin-bottom: 10px;
  }
  .margin-bottom12 {
    margin-bottom: 12px;
  }
  .margin-bottom14 {
    margin-bottom:14px;
  }
  .margin-bottom15 {
    margin-bottom:15px;
  }
  .margin-bottom20 {
    margin-bottom: 20px;
  }
  .margin-bottom5 {
    margin-bottom:5px;
  }
  .margin-top14{margin-top: 14px;}
  .margin-top15{margin-top: 15px;}
  .margin-top5{margin-top:5px;}
  .margin-top20{margin-top:20px;}

  .text-center {
    text-align: center;
  }

  .modal_top_action {
    margin-bottom: 16px;
    margin-left: 20px;
  }

  html,
  body {
    height: 100%;
  }

  #app {
    width: 100%;
    height: 100%;
  }

  .size {
    width: 100%;
    height: 100%;
  }

  // html,
  // body {
  //   .size;
  //   overflow: hidden;
  //   margin: 0;
  //   padding: 0;
  // }

  // #app {
  //   .size;
  // }

  // 公共样式
  .p-relative {
    position: relative;
  }

  .p-absolute {
    position: absolute;
  }

  .flex-center {
    justify-content: center;
  }

  .flex-margin {
    button {
      margin: 4px;
    }
  }

  .flex-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
  }

  .flex-start-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
  }


  .search-area {
    width: 100%;
    margin-bottom: 16px;

    .flex-item {
      margin-right: 8px;
      margin-bottom: 10px;
    }
  }

  .refresh-btn {
    right: 0;
  }

  .refresh-btn:hover {
    color: #2d8cf0;
    cursor: pointer;
  }

  .foot-page {
    margin-top: 16px;
    text-align: right;
  }

  .del-tips-icon {
    position: relative;
    top: -2px;
    padding-right: 6px;
  }

  .font-gray {
    color: #999999;
  }

  .font-orange {
    color: #ff6600;
  }

  .table-head-bg {
    background: #f5f6fa;
  }

  .font12 {
    font-size: 12px;
  }

  .font14 {
    font-size: 14px;
  }

  .font16 {
    font-size: 16px;
  }

  .font18 {
    font-size: 18px;
  }

  .font20 {
    font-size: 20px;
  }

  .font22 {
    font-size: 22px;
  }

  .font24 {
    font-size: 24px;
  }

  .font26 {
    font-size: 26px;
  }

  .font28 {
    font-size: 28px;
  }

  .margin-top-10 {
    margin-top: 20px;
  }

  .padding10 {
    padding: 10px;
  }

 .pad-top8{padding-top: 8px;}
  .pad-top10 {
    padding-top: 10px;
  }
  .pad-top12{padding-top: 12px;}

  .pad-top20 {
    padding-top: 20px;
  }

  .marginleft10 {
    margin-left: 10px;
  }

  .border-bottom-dash {
    border-bottom: 1px dashed #dddddd;
  }
  .text-overflow{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

  .footer-fixed-action {
    position: fixed;
    bottom: 0px;
    left: 274px;
    border-top: 1px solid #f5f5f5;
    right: 0;
    background: white;
    padding: 30px;
  }

  .bg-white {
    background: white;
  }

  .text-center {
    text-align: center;
  }

  .login-con form {
    margin-top: 200px;
  }

  .text-right {
    text-align: right;
  }

  .font-gray-9 {
    color: #999999;
  }

  // end
</style>
